<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        定位  position:relative / absolute / fixed / static / sticky(不太兼容)
            辅助属性
            是否脱离文档流   脱离 ：absolute / fixed      没有脱离  relative     static 不定位，也不会成为参照物
            参照物   
                相对定位 relative   自己
                绝对定位 absolute   最近的具有定位的祖先元素
                固定定位 fixed      浏览器


        显隐动画
            display:none / block   无过渡动画

            height:0;overflow:hidden;transition:.2s    高度动画
                此方法不能写边框或者内边距   ---- 假如有就在里面嵌套一层盒子(写边框或者内边距)

            位移动画 --- 必须在盒子里面的动画才可以使用


        颜色的表示
            rgba()    transparent透明色 rgba(0,0,0,0)


        transform : translate / scale / skew / rotate 

        border-radius 

        box-shadow 
        
     -->
</body>

</html>